<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <f:view contentType="text/html"
            xmlns:h="http://xmlns.jcp.org/jsf/html"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:f="http://xmlns.jcp.org/jsf/core"
            xmlns:p="http://primefaces.org/ui">

        <head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Usuarios</title>
            </f:facet>
            <meta name="viewport" content="width=device-width"/>


        </head>
        <body>


            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                    Header
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    Footer
                </p:layoutUnit>

                <p:layoutUnit position="west" size="175" header="Left" collapsible="true">
                    <h:form>
                        <p:menu>
                            <p:submenu label="Resources">
                                <p:menuitem value="Clientes" url="Clientes.xhtml" />
                                <p:menuitem value="ConsignacionesPK" url="ConsignacionesPK.xhtml" />
                                <p:menuitem value="Cuentas" url="Cuentas.xhtml" />
                                <p:menuitem value="Retiros" url="Retiros.xhtml" />
                                <p:menuitem value="RetirosPK" url="RetirosPK.xhtml" />
                                <p:menuitem value="TiposDocumentos" url="TiposDocumentos.xhtml" />

                            </p:submenu>

                        </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <h:form id="forma">
                        <p:growl id="growl" showDetail="true" sticky="true"/>
                        <p:panel id="campos">
                            <p:panelGrid>

                                <p:row>
                                    <p:column>

                                        <h:outputText value="Documento: "/>


                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtDocumento" binding="#{usuariosVista.txtCedula}"/>

                                    </p:column>
                                    <p:column>

                                        <h:outputText value="TipoPago: "/>


                                    </p:column>
                                    <p:column>

                                        <p:selectOneMenu id="cmbTipoPago" binding="#{usuariosVista.cmbTiposUsuarios}">
                                            <f:selectItem itemLabel="Seleccione" itemValue="Seleccione"/>
                                            <f:selectItems value="#{usuariosVista.itemsTiposUsuario}"/>
                                        </p:selectOneMenu>

                                    </p:column>
                                    <p:column>

                                        <h:outputText value="Nombre: "/>


                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtNombre" binding="#{usuariosVista.txtNombreUsuario}"/>

                                    </p:column>

                                </p:row>
                                <p:row>

                                    <p:column>

                                        <h:outputText value="Login: "/>


                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtLogin" binding="#{usuariosVista.txtNombreLogin}"/>

                                    </p:column>

                                    <p:column>

                                        <h:outputText value="Clave: "/>


                                    </p:column>
                                    <p:column>

                                        <p:password id="txtClave" binding="#{usuariosVista.txtClave}" feedback="true" />

                                    </p:column>

                                </p:row>

                            </p:panelGrid>
                            <p:panelGrid>
                                <p:row>

                                    <p:column>
                                        <p:commandButton id="btnRegistrar" value="Registrar" binding="#{usuariosVista.btnRegistrar}" action="#{usuariosVista.funcion_registrar}" update=":forma:campos,:forma:tabla , :forma:growl" />
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnModificar" disabled="true" value="Modificar" binding="#{usuariosVista.btnModificar}" action="#{usuariosVista.funcion_modificar}"  update=":forma:campos,:forma:tabla, :forma:growl"/>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnEliminar" disabled="true" value="Eliminar" binding="#{usuariosVista.btnEliminar}" action="#{usuariosVista.funcion_eliminar}"  update=":forma:campos,:forma:tabla, :forma:growl">
                                            <p:confirm header="Confirmacion" message="Se Eliminara Permanentemente" icon="ui-icon-alert" />
                                        </p:commandButton>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnLimpiar" value="Limpiar" binding="#{usuariosVista.btnLimpiar}"  action="#{usuariosVista.funcion_limpiar}"  update=":forma:campos,:forma:tabla, :forma:growl"/>
                                    </p:column>
                                </p:row>

                            </p:panelGrid>
                        </p:panel>
                        <p:panel id="tabla">
                            <p:dataTable var="lista" value="#{usuariosVista.listaUsuarios}" rows="10"
                                         paginator="true"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                         rowsPerPageTemplate="5,10,15"
                                         filteredValue="#{usuariosVista.listaUsuarios}"
                                         emptyMessage="No se encontraron resultados"
                                         selectionMode="single" 
                                         selection="#{usuariosVista.selectedUsuario}" 
                                         rowKey="#{lista.usuCedula}"

                                         >
                                <p:ajax event="rowSelect" listener="#{usuariosVista.funcion_selecionar}" update=":forma:growl,:forma:campos" />
                                <p:column headerText="Documento">
                                    <h:outputText value="#{lista.usuCedula}" />
                                </p:column>
                                <p:column headerText="TipoPago">
                                    <h:outputText value="#{lista.tusuCodigo.tusuNombre}" />
                                </p:column>
                                <p:column headerText="Nombre" filterBy="#{lista.usuNombre}" filterMatchMode="contains">
                                    <h:outputText value="#{lista.usuNombre}" />
                                </p:column>
                                <p:column headerText="Login">
                                    <h:outputText value="#{lista.usuLogin}" />
                                </p:column>

                            </p:dataTable>
                        </p:panel>

                        <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                            <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                            <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                        </p:confirmDialog>
                    </h:form>
                </p:layoutUnit>

            </p:layout>


        </body>

    </f:view>
</html>
